/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

fieldset
{
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border: 1px solid #D9EAF5;
	background: #FFF url(../img/blockbg.png) repeat-x scroll 0pt 0pt;
}
legend      { font-weight: bold; font-size:1.2em; }

div.wysiwyg
{
	float: left;
}
/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.image
{
	border: none;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* FORM ROWS */
.form-row { overflow: hidden; padding:8px 12px; font-size:11px; border: none; }
.form-row img, .form-row input { vertical-align:middle; }
form .form-row p { padding-left:0; font-size:11px; }

/* FORM LABELS */
form h4 { margin:0 !important; padding:0 !important; border:none !important; }
label { font-size:12px; }
label.required { font-weight: bold; color:#666; }
.form.row label.inline { margin-left:20px; }
.form.row .required label, label.required { color: #C00010 !important; }

.inline-group .aligned label { width: auto; }

.checkbox input { float: left; }

/* RADIO BUTTONS */
form ul.radiolist li { list-style-type:none; }
form ul.radiolist label { float:none; display:inline; }
form ul.inline { margin-left:0; padding:0; }
form ul.inline li { float:left; padding-right:7px; }

/* ALIGNED FIELDSETS */
.aligned label { display:block; padding:0 1em 3px 0; float: none; }
.aligned label.inline { display:inline; float:none; }
.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
form .aligned ul { margin-left:7em; padding-left:30px; }
form .aligned table p { margin-left:0; padding-left:0; }
form .aligned p.help { padding-left: 0; color: #666; }
.aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; }
.checkbox-row p.help { margin-left:0; padding-left:0 !important; }

/* WIDE FIELDSETS */
.wide label { width:15em !important; }
form .wide p { margin-left:15em; }
form .wide p.help { padding-left:38px; }
.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { width:450px; }

/* COLLAPSED FIELDSETS */
fieldset.collapsed * { display:none; }
fieldset.collapsed h2, fieldset.collapsed { display:block !important; }
fieldset.collapsed h2 { color:#999; background-image: none; }
fieldset.collapsed .collapse-toggle, fieldset.collapse h2 a { padding:3px 5px !important; background:transparent; display:inline !important; font-size: .7em; }

/* MONOSPACE TEXTAREAS */
fieldset.monospace textarea { font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; }

/* SUBMIT ROW */
.submit-row { padding:5px 7px; text-align:right; }
.submit-row input { margin:0 0 0 5px; }
.submit-row p { margin-top:0.3em; }
.submit-row .deletelink { background:url(../../admin/img/admin/icon_deletelink.gif) 0 50% no-repeat; padding-left:14px; float: left; }


/* SELECTOR (FILTER INTERFACE) */
.selector { width:580px; float:left; }
.selector p { padding-left: 0 !important; }
.selector img { float: none; margin: 0; padding: 0; }
.selector select { width:270px; height:17.2em; }
.selector-available, .selector-chosen { float:left; width:270px; margin-bottom:5px; }
.selector .selector-available h2 { color:#666; }
.selector .selector-filter { background:white; color:#999; font-size:10px; margin: 0; margin-bottom: .5em; text-align: left; }
.selector .selector-chosen .selector-filter { padding:4px 5px; }
.selector .selector-available input { width:230px; }
.selector ul.selector-chooser { float:left; width:22px; height:50px; background:url(../../admin/img/admin/chooser-bg.gif) top center no-repeat; margin:8em 3px 0 3px; padding:0; }
.selector-chooser li { margin:0; padding:3px; list-style-type:none; }
.selector select { margin-bottom:5px; margin-top:0; }
.selector-add, .selector-remove { width:16px; height:16px; display:block; text-indent:-3000px; }
.selector-add { background:url(../../admin/img/admin/selector-add.gif) top center no-repeat; margin-bottom:2px; }
.selector-remove { background:url(../../admin/img/admin/selector-remove.gif) top center no-repeat; }
a.selector-chooseall, a.selector-clearall { display:block; text-align:left; margin-left:auto; margin-right:auto; font-weight:bold; color:#666;  padding:3px 0 3px 18px; }
a.selector-chooseall:hover, a.selector-clearall:hover { color:#036; }
a.selector-chooseall { background:url(../../admin/img/admin/selector-addall.gif) left center no-repeat; }
a.selector-clearall { background:url(../../admin/img/admin/selector-removeall.gif) left center no-repeat; }

a.add-another { float: right; }

/* DATE AND TIME */
p.datetime { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; }
.datetime br { display: none; }
.datetime span { font-size:11px; color:#ccc; white-space:nowrap; display: inline; margin-right: 3em;}
table p.datetime { font-size:10px; margin-left:0; padding-left:0; }
.datetime img { float: none; margin: 0; padding: 0; }

/* CUSTOM FORM FIELDS */
.vSelectMultipleField { vertical-align:top !important; }
.vCheckboxField { border:none; }
.vDateField, .vTimeField { margin-right:2px; }
.vURLField { width: 95%; }
.vLargeTextField, .vXMLLargeTextField { width: 95%; }
.vTextField { width: 95%; }
.vSelectField { width: 90%; }

.popup
{
    display:none;
    cursor: default;
    text-align: left;
}

div.preview
{
    float: left;
    margin: 4px 4px;
}

div.inline
{
    float: left;
    margin: 4px 2px;
}

div.input label
{
    width: auto;
    float: left;
	line-height: 22px;
	margin: 0.5em 0;
	padding-bottom: 0;
}

.inline-group div.inline .delete
{
    display: none;
}
